
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>栏目管理 - BsAdmin后台模板 - 经典版演示</title>
    <link rel="icon" href="./static/favicon.ico">
    <link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css" >
    <link rel="stylesheet" href="./static/admin/css/index.css" >
    <link rel="stylesheet" href="./static/admin/css/main.css" >
    <link rel="stylesheet" href="./static/admin/css/html.css" >
    <script src="./static/js/vue.min.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js" ></script>
    <script src="./static/bootstrap/js/bootstrap.bundle.js" ></script>
    <script src="./static/admin/js/config.js" ></script>
    <script src="./static/admin/js/script.js" ></script>
    <script>
$(function() {
    const hrefArr = window.location.href.split('/');
    const name = hrefArr[hrefArr.length-1];
    $('.menu a[href=\''+name+'\']').addClass('active');
});
    </script>
</head>
<body>

<div id="app" class="d-flex">

    <nav>
        <div class="logo">
            <h4>BsAdmin</h4>
        </div>
        <ul class="menu">
             <li><a href="main.html"><i class="iconfont mr-1">&#xe6a2;</i>首页</a> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6e0;</i>用户管理<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="user_index.html" >用户列表</a></li><li><a href="user_create.html" >添加用户</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe69d;</i>文章管理<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="type_index.html" >栏目管理</a></li><li><a href="article_index.html" >文章管理</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6d4;</i>系统设置<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="web_index.html" >网站设置</a></li><li><a href="flink_index.html" >友情连接</a></li><li><a href="nav_index.html" >导航管理</a></li><li><a href="web_pwd.html" >修改密码</a></li><li><a href="login.html" >登录页</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6ad;</i>数据库<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="db_backup.html" >备份数据库</a></li><li><a href="db_reduction.html" >还原数据库</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6ad;</i>内置组件库<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="icon.html" >图标库</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6ad;</i>第三方库/插件<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="echarts.html" >echarts图表</a></li><li><a href="webuploader.html" >WebUploader上传</a></li></ul> </li> <li><a href="#/out.html"><i class="iconfont mr-1">&#xe68c;</i>退出登录</a> </li> <li><a href="http://www.qadmin.net/"><i class="iconfont mr-1">&#xe690;</i>Qadmin官网</a> </li>
        </ul>
    </nav>

    <main>
        <header>
            <a href="http://www.qadmin.net" target="_blank">网站首页</a>

            <div class="dropdown float-right">
                <button class="btn  btn-sm  dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <svg width="20" height="1em" viewBox="0 0 16 16" class="bi bi-emoji-smile-fill rounded-circle" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zM4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM10 8c.552 0 1-.672 1-1.5S10.552 5 10 5s-1 .672-1 1.5S9.448 8 10 8z"/>
                    </svg>
                    <!--可以使用图片,大小20,class='rounded-circle'-->
                    BsAdmin
                </button>

                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu2">
                    <a class="dropdown-item" href="web_pwd.html">修改密码</a>
                    <a class="dropdown-item" href="#/out.html">退出登录</a>
                </div>
            </div>



            <a class="float-right mr-2" href="http://www.qadmin.net" target="_blank">Qadmin官网</a>

        </header>

        <div id="body">
            

<main>
    <div class="main">
        <div class="search">
            <form class="form-inline float-left" action="" method="get">
                <div class="form-group">
                    <input type="text" name="key" value="" class="form-control" placeholder="文章标题">
                </div>
                <button type="submit" class="btn btn-primary"><i class="iconfont"></i>搜索</button>
            </form>


            <a class="btn btn-primary float-right" href="type_create.html"><i class="iconfont"></i>新增</a>
        </div>

        <div class="table-box">

            <table class="table">
                <colgroup>
                    <col width="80">
                    <col width="80">
                    <col width="150">
                    <col width="80">
                    <col width="80">
                    <col width="80">
                    <col>
                    <col width="150">
                </colgroup>
                <thead>
                <tr>
                    <th>ID</th>
                    <th>排序</th>
                    <th>名称</th>
                    <th>英文名</th>
                    <th>显示</th>

                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr class="id9">
                    <td>9</td>
                    <td>11</td>
                    <td>前端</td>
                    <td>12</td>
                    <td><input data-id="9" lay-filter="state" type="checkbox" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/9.html">修改</a> | <a class="del" data-id=".id9" href="#/9.html">删除</a>
                    </td>
                </tr>
                <tr class="id9">
                    <td>11</td>
                    <td>1</td>
                    <td>|----------html/css</td>
                    <td>html_css</td>
                    <td><input type="checkbox" data-id="11" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/11.html">修改</a> | <a class="del" data-id=".id11" href="#/11.html">删除</a>
                    </td>
                </tr>
                <tr class="id9">
                    <td>16</td>
                    <td>2</td>
                    <td>|----------javascript</td>
                    <td>javascript</td>
                    <td><input type="checkbox" data-id="16" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/16.html">修改</a> | <a class="del" data-id=".id16" href="#/16.html">删除</a>
                    </td>
                </tr>
                <tr class="id9">
                    <td>20</td>
                    <td>3</td>
                    <td>|----------jquery</td>
                    <td>jquery</td>
                    <td><input type="checkbox" data-id="20" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/20.html">修改</a> | <a class="del" data-id=".id20" href="#/20.html">删除</a>
                    </td>
                </tr>
                <tr class="id9">
                    <td>15</td>
                    <td>4</td>
                    <td>|----------vue</td>
                    <td>vue</td>
                    <td><input type="checkbox" data-id="15" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/15.html">修改</a> | <a class="del" data-id=".id15" href="#/15.html">删除</a>
                    </td>
                </tr>
                <tr class="id9">
                    <td>12</td>
                    <td>5</td>
                    <td>|----------angular</td>
                    <td>angular</td>
                    <td><input type="checkbox" data-id="12" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/12.html">修改</a> | <a class="del" data-id=".id12" href="#/12.html">删除</a>
                    </td>
                </tr>
                <tr class="id9">
                    <td>25</td>
                    <td>99</td>
                    <td>|----------小程序</td>
                    <td>xcx</td>
                    <td><input type="checkbox" data-id="25" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/25.html">修改</a> | <a class="del" data-id=".id25" href="#/25.html">删除</a>
                    </td>
                </tr>
                <tr class="id13">
                    <td>13</td>
                    <td>22</td>
                    <td>后端</td>
                    <td>1111111111111</td>
                    <td><input data-id="13" lay-filter="state" type="checkbox" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/13.html">修改</a> | <a class="del" data-id=".id13" href="#/13.html">删除</a>
                    </td>
                </tr>
                <tr class="id13">
                    <td>17</td>
                    <td>1</td>
                    <td>|----------php</td>
                    <td>php</td>
                    <td><input type="checkbox" data-id="17" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/17.html">修改</a> | <a class="del" data-id=".id17" href="#/17.html">删除</a>
                    </td>
                </tr>
                <tr class="id13">
                    <td>14</td>
                    <td>2</td>
                    <td>|----------node.js</td>
                    <td>nodejs</td>
                    <td><input type="checkbox" data-id="14" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/14.html">修改</a> | <a class="del" data-id=".id14" href="#/14.html">删除</a>
                    </td>
                </tr>
                <tr class="id13">
                    <td>18</td>
                    <td>3</td>
                    <td>|----------python</td>
                    <td>python</td>
                    <td><input type="checkbox" data-id="18" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/18.html">修改</a> | <a class="del" data-id=".id18" href="#/18.html">删除</a>
                    </td>
                </tr>
                <tr class="id13">
                    <td>24</td>
                    <td>4</td>
                    <td>|----------linux/shell</td>
                    <td>linux_shell</td>
                    <td><input type="checkbox" data-id="24" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/24.html">修改</a> | <a class="del" data-id=".id24" href="#/24.html">删除</a>
                    </td>
                </tr>
                <tr class="id19">
                    <td>19</td>
                    <td>33</td>
                    <td>数据库</td>
                    <td>sql</td>
                    <td><input data-id="19" lay-filter="state" type="checkbox" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/19.html">修改</a> | <a class="del" data-id=".id19" href="#/19.html">删除</a>
                    </td>
                </tr>
                <tr class="id19">
                    <td>21</td>
                    <td>1</td>
                    <td>|----------mysql</td>
                    <td>mysql</td>
                    <td><input type="checkbox" data-id="21" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/21.html">修改</a> | <a class="del" data-id=".id21" href="#/21.html">删除</a>
                    </td>
                </tr>
                <tr class="id19">
                    <td>22</td>
                    <td>2</td>
                    <td>|----------redis</td>
                    <td>redis</td>
                    <td><input type="checkbox" data-id="22" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/22.html">修改</a> | <a class="del" data-id=".id22" href="#/22.html">删除</a>
                    </td>
                </tr>
                <tr class="id19">
                    <td>23</td>
                    <td>3</td>
                    <td>|----------mongodb</td>
                    <td>mongodb</td>
                    <td><input type="checkbox" data-id="23" lay-filter="state" checked="" lay-text="开启|关闭" lay-skin="switch"></td>

                    <td><a href="#/23.html">修改</a> | <a class="del" data-id=".id23" href="#/23.html">删除</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>


    </div>
</main>



        </div>

    </main>
</div>
<script src="./static/admin/js/update.js" ></script>
</body>
</html>
